<template>
  <div class="about">
    <h1>{{ msg }}</h1>
    使用以下技术栈：<br/>
    我们使用vue-cli脚手架工具构建<br/>

    #安装 vue-cli<br/>

    npm install -g vue-cli<br/>

    #使用vue-cli初始化项目<br/>

    vue init webpack vue-vuerouter-demo<br/>

    #进到目录<br/>

    cd vue-vuerouter-demo<br/>

    #安装依赖<br/>

    npm install<br/>

    #开始运行<br/>

    npm run dev<br/>

    浏览器访问http://localhost:8080<br/>

    vue+webpack+vue-router+vue-resource

    <div class="container">
      <mu-raised-button label="Default" class="demo-raised-button"/>
      <mu-raised-button label="Primary" class="demo-raised-button" primary/>
      <mu-raised-button label="Secondary" class="demo-raised-button" secondary/>
      <mu-raised-button label="Disabled" class="demo-raised-button" disabled/>
      <br/>
      <mu-raised-button label="full Width" fullWidth/>
    </div>

  </div>

</template>

<script>
export default {
  name: 'about',
  data () {
    return {
      msg: 'about'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>


</style>
